@import 'mixin.less';
#main {
  .banner {
    background: url(../images/school-banner.jpg) center top repeat-x;
    height: 414px;
    width: 100%;
    color: #fff;
    .banner-tit {
      padding-top: 120px;
    }
    .list-inline-item {
      background: url(../images/jiantou.png) left center no-repeat;
      padding-left: 30px;
      font-size: 18px;
      margin: 50px 15px 0;
      a {
        color: #fff;
      }
    }
  }
  .block-1 {
    padding-top:80px;
    .block-div {
      background: url(../images/school-top1.jpg) center top no-repeat;
      padding: 10px;
      .block-div-item {
        margin: 80px;
        padding: 30px;
        .block-div-con {
          background: #fff;
          padding: 20px;
          img {
             margin: 1px 50px;
          }
          p {
            text-indent: 2em;
            font: 16px/28px  "Microsoft Yahei";
          }
        }
      }
    }
  }
  .block-2 {
    background: url(../images/school-top2.jpg) center top no-repeat;
    padding-top:10px;
    padding-bottom: 80px;
    .btn {
      background: @main-red;
      color: #fff;
      padding-left: 50px; 
      padding-right: 50px; 
      margin-top: 20px;
    }
    .block-title {
      margin: 70px 0 25px;
    }
    .block-list {
      margin: 10px 0;
      padding-bottom: 5px;
      .block-top {
        margin-left: 20px;
        font-size: 18px;
        a {
          color: #000;
          line-height: 26px;
        }
      }
      .block-p {
        margin-left: 40px;
      }
    }
  }
  .block-3 {
    padding-top:10px;
    padding-bottom: 100px;
    .block-title {
      margin: 70px 0 25px;
    }
    .block-p {
      width: 100%;
      bottom: 0;
      background: rgba(210, 36, 35, .8);
      margin: 0;
      text-align: center;
      color: #fff;
      font-size: 18px;
      padding: 5px 0;
    }
  }
  .block-4 {
    background: url(../images/school-top3.jpg) center top no-repeat;
    padding-top:10px;
    padding-bottom: 100px;
    .block-title {
      margin: 70px 0 25px;
    }
  }
  .block-5 {
    padding-top:10px;
    padding-bottom: 100px;
    .block-title {
      margin: 70px 0 25px;
    }
    .list-input {
      z-index: 99;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      padding-top: 20%;
      background-color: rgba(0,0,0,0.5);
      span {
        display: block;
        color: #fff;
        padding-top: 10px;
      }
    }
    
    .block-p {
      width: 100%;
      bottom: 0;
      background: rgba(210, 36, 35, .8);
      margin: 0;
      text-align: center;
      color: #fff;
      font-size: 16px;
      padding: 5px 0;
      span {
        display: block;
      }
    }
  }
  .block-6 {
    background: url(../images/school-top5.jpg) center top no-repeat;
    padding-top:10px;
    padding-bottom: 100px;
    .block-title {
      margin: 70px 0 25px;
    }
  }
  
}